  .modal-header
    padding:0 15px
    width: 100%
    border-bottom: 1px solid #e5e5e5
    height: 50px
    line-height: 50px
    background-color: #fff
    border-radius: 6px
    box-sizing: border-box
    vertical-align: middle
    font-size: 18px;
    h4
      font-weight: 500;
      height 50px
      line-height: 50px
      vertical-align: middle
    .closeD,.expandD
      height 50px
      width: 50px
      float:right
      text-align: center
      line-height: 50px
      vertical-align: middle
      span
        opacity .2
        font-weight: 400
        &:hover
          opacity 1

  .s-tab
    width:100%
    height 44px
    margin: 15px 15px 0 15px
    box-sizing: border-box
    li
      float left
      min-width : 80px
      padding: 0 15px
      height 100%
      color: #428bca
      line-height: 44px
      vertical-align: center
      text-align: center
      border-radius: 4px 4px 0 0
      cursor: pointer
      background-color: #fff
      &:not(.active):hover
        background-color: #eee!important
        border-color: #eee #eee #ddd!important
        color: #2a6496!important
  .tb
    height: 70vh;
    overflow-y:auto;
  tr#s-tb-tr-h
    width: 100%;
    table-layout: fixed;
    display: table;
    th
      line-height: 28px


  .s-tb-tr.finish
    color:#8c92a4

  .set1
    //margin-left:75%
  .tool-bar
    display:flex
    align-items:center
    justify-content:space-between

  .tool-bar label
    display:inline-block
    margin-left:10px
    width:40px
  .labeltime
    width:60px !important
    margin-left:10px
  .tool-bar input
    display:inline-block !important
    margin-bottom:0px !important
    margin-left:5px
    outline:none

  .tool-bar a
    display:inline-block
    width:30px
    height:28px
    line-height:28px
    font-size:12px
    background-color:#fff
    margin-left:10px
    text-align:center
    border-radius:3px
    box-shadow: 0px 0px 1px #000;
    &:hover
      background: linear-gradient(#cfcfcf, #c2c2c2)

  .search
    display:flex
    align-items:center
    float:left

  .fin::before
    font: normal normal normal 14px/1 FontAwesome
    font-size: inherit
    -webkit-font-smoothing: antialiased
    margin-right: 0.3em

  .fin::before
    content: "\f111"
    font-size: 16px
    color:green
    display:block
    float:left

  .fin span
    display:block
    float:left

  .fin span:nth-child(1)
    display:none

  .fin span:nth-child(2)
    width:85%

  .unfin::before
    font: normal normal normal 14px/1 FontAwesome
    font-size: inherit
    -webkit-font-smoothing: antialiased
    margin-right: 0.3em

  .unfin::before
    content: "\f10c"
    font-size: 16px
    color:red
    display:block
    float:left
    line-height: 30px

  .unfin span
    display:block
    float:left

  .unfin span:nth-child(1)
    display:none

  .unfin span:nth-child(2)
    width:80%

  .s-tb-tr.unfinish
    color:#005980

  .weekl
    border:0 !important
    border-collapse: collapse;
    width: 100%;
    color: #000;

  .sorting1
    width:16.66%
    //background-color:#7fffd4
    background-color:#ddd
    padding:10px
    border-top: 0px solid #ccc;
    //border-bottom: 0px solid #ccc;
  .sorting1:nth-child(1)
    border-right: 0px solid #ccc;
  .sorting1:nth-child(2)
    border-right: 0px solid #ccc;
    border-left: 0px solid #ccc;
  .sorting1:nth-child(3)
    border-right: 0px solid #ccc;
    border-left: 0px solid #ccc;
  .sorting1:nth-child(4)
    border-right: 0px solid #ccc;
    border-left: 0px solid #ccc;
  .sorting1:nth-child(5)
    border-right: 0px solid #ccc;
    border-left: 0px solid #ccc;
  .sorting1:nth-child(6)
    border-left: 0px solid #ccc;

  .s-tb-tr
    width: 100%;
    display: table;
    span
      line-height: 30px
    &:hover
      background-color:rgb(240,249,228)
      transition:.2s

  .tool-bar .js_week
    margin-top:0px
    width:80px
    margin-right: 15px
  .week
    width:16.6%
    border:0px !important
    padding:10px
    //text-align:center
  .week td
      vertical-align: middle;
  .sorting
    //width: 7.692%;
    word-break: break-all;
    //text-align:center
  .s-tb-tr td
    width: 7%;
    word-break: break-all
    vertical-align:middle
  .tool-bar
    margin:0 15px
    padding: 15px 0
    background-color: white
    box-sizing: border-box
    border-bottom: 1px solid #ccc
    justify-content: flex-end;
    display:flex
    .set-coclumn
      //height: 100%
      padding: 5px 10px
      line-height: 1.5
      min-width : 80px
      float: right
      border: 1px solid #ccc
      white-space: nowrap
      font-size: 12px
      text-align: center
      vertical-align: middle
      border-radius: 3px
      margin-right: 15px
      box-sizing: border-box
      position relative
      cursor: pointer
      .set-column-pop
        position: absolute
        width: 220px
        top: 34px
        right 0
        box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28),0 1px 6px 0 rgba(32, 33, 36, .28),0 1px 6px 0 rgba(32, 33, 36, .28)
        background-color: #fff
        border: 1px solid transparent
        border-radius: 4px
        z-index 111
        overflow: auto
        max-height: 78vh
        .pop-item
          height 36px
          line-height: 36px
          border: 1px solid #cccccc
          margin:8px
          border-radius: 3px
          font-weight: 400
          font-size: 14px
          text-align: left
          padding:0 35px 0 15px
          cursor: pointer
          &:hover
            background-color: #e6e6e6
          .set-column-pop-check
            // display: inline-block
            float:right
            margin-right: -20px
            height 40px
            line-height: 40px
    .js-set-staff
      .set-column-pop
        min-width : 60px
        width: initial
        max-height: 375px
        overflow-y:auto

  .s-dialog-content
    display: flex
    flex: 1
    margin:0 15px
    padding:0 0 15px 0
    background-color: white
    overflow-y: scroll
    box-sizing: border-box
    text-align: center
    flex-direction: column

    .t-dialog-user
      width: 100%
      background-color: white
      .sorting
        position relative
        cursor pointer
        span
          opacity: .2
          pointer-events: none
          &:before
            position: absolute;
            bottom: 8px;
            right: 8px;
      tr
        &:nth-child(even)
          background-color: #f9f9f9
        th
          &:nth-child(1)
            pointer-events: none
        a
          margin: 0
        span
          padding-left: 5px
          white-space: nowrap

    #labelsPie
      width: 100%
      flex: 1
      display: flex
      opacity :0
      flex-direction: column
      justify-content: center
      box-sizing: border-box
      transition: opacity .5s
      min-height 500px
    #labelsBar
      width: 100%
      opacity :0
      box-sizing: border-box
      transition: opacity .5s
      min-height 500px
  .s-tab2
    overflow-y:hidden
  .s-tab-show
    display: flex
    align-items:center
  .s-tab-hide
    display: none
  table
    td
      vertical-align: middle
      span
        display: inline-block
        vertical-align: middle
        font-size: 14px
        height: 30px
        line-height: 30px
  .no-curser
    cursor auto
  .box
    width: 800px
    margin-top: 20px
    margin-bottom:20px
    height: 34px
    display: flex
    justify-content: center
  .page
      //width: 600px
  .info
    width: 200px
    height: 34px
    line-height: 34px
  .fl
    float: left
  .ui-pagination-container
    height: 34px;
    line-height: 34px;


  .ui-pagination-container .ui-pagination-page-item
    font-size: 14px;
    padding: 4px 10px;
    background: #fff;
    border: 1px solid #c5b7b7;
    color: #888;
    margin: 0 3px;
    text-decoration: none;


  .ui-pagination-container .ui-pagination-page-item:hover
    border-color: #568dbd;
    color: #568dbd;
    text-decoration: none;


  .ui-pagination-container .ui-pagination-page-item.active
    background: #568dbd;
    border-color: #568dbd;
    color: #fff;
    cursor: default;
  .card-label2
    display:block
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin-right: 4px;
    margin-bottom: 5px;
    max-width: 210px;
    min-width: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    vertical-align: bottom;
    border-radius: 3px !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    padding: 1px 4px !important;
    height: 16px !important;
    line-height: 15px !important;

  .page1
    display: flex;
    align-items:center
    .js_page
      width:35px
      background:#fff
      margin-right:3px
      margin-bottom: 0px
      span
        color:#888;
    &hover
      border-color: #568dbd

  .tool-bar span
    font-size:14px
    //margin-left:5px
  .title1
    text-decoration:none;
  .center_time:before
    content: "\f090"
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    margin-right: 0.2em

  .time_right:before
    content: "\f054"
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    //margin-right: 0.2em

  .time_left:before
    content: "\f053"
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    //margin-right: 0.2em
  .tool-bar .week_button
    margin-top:0px
    width:20px
    height:20px
    line-height:20px
    //margin-left:15px
    //margin-bottom:5px

  .tool-bar .js-search
    width:50px
    margin-top:0px
    margin-right: 5px
    margin-left:15px

  span.start_time
    margin-right: 5px
    margin-left:10px

  span.center_time
    margin-right: 5px

  @media screen and (max-width: 960px)
    .s-tab li
      width:30%
      padding:0px

    .box
      width: 320px
      margin-bottom: 20px

    .ui-pagination-container .ui-pagination-page-item
      font-size: 14px
      background: #fff
      padding: 0px 0px
      border: 1px solid #c5b7b7
      color: #888
      margin: 0 3px
      text-decoration: none

    .search
      display:block
      //align-items:center
      float:none

    .js-search
      margin-bottom: 10px
      margin-top:10px
      margin-left:5px

    .js_endTime
      margin-top:10px

    .page1
      padding: 0px 10px

    .pop-item
      margin:0px !important
      box-sizing:border-box

    a.time_right
      margin-bottom: 10px

    .tool-bar
      display:revert









